<template>
  <div class="warp">
    <div class="img">
      <svg
        viewBox="0 0 48 48"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        stroke="currentColor"
        class="arco-icon arco-icon-empty"
        stroke-width="4"
        stroke-linecap="butt"
        stroke-linejoin="miter"
      >
        <path
          d="M24 5v6m7 1 4-4m-18 4-4-4m28.5 22H28s-1 3-4 3-4-3-4-3H6.5M40 41H8a2 2 0 0 1-2-2v-8.46a2 2 0 0 1 .272-1.007l6.15-10.54A2 2 0 0 1 14.148 18H33.85a2 2 0 0 1 1.728.992l6.149 10.541A2 2 0 0 1 42 30.541V39a2 2 0 0 1-2 2Z"
        ></path>
      </svg>
    </div>
    <div class="word">暂无数据</div>
  </div>
</template>

<script lang="ts" setup></script>

<style lang="less" scoped>
  .warp {
    box-sizing: border-box;
    text-align: center;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
    margin: auto;
    .img {
      margin-bottom: 4px;
      color: rgb(var(--gray-5));
      font-size: 48px;
      line-height: 1;
    }
    .word {
      color: rgb(var(--gray-5));
      font-size: 14px;
    }
  }
</style>
